<template>
    <div>
        <loginOut title="单笔转账" @onclickRight="onclickRight" @onclickLeft="onclickLeft"></loginOut>
        <van-cell-group>
            <van-cell title="付款账号" :value="this.customData.cardId + '(' + this.customData.userName + ')'" is-link
                label="美元(钞) 1,000.00" />
            <van-cell title="币种" value="美元/钞" />
        </van-cell-group>
        <p style="color:#999;width: 9.12rem;height: 1.6rem;margin: auto;">
            外币只能转给本人外汇储蓄账户，如需要向境外转账，请使用外汇业务中的个人境外汇款功能，如有任何疑问，请随时拨打客服电话956033或使用在线客服与我们联系</p>
        <p class="title_Recent">最近转账</p>
        <van-cell-group>
            <van-field placeholder="请输入交易金额" />
        </van-cell-group>
        <van-cell-group>
            <van-cell title="手续费" value="0.00" />
            <van-cell title="收款户名" value="本人" />
            <van-cell title="收款账号" value="请输入" />
            <van-cell title="收款银行" value="请输入" is-link />
            <van-cell title="转出时间" value="实到" is-link />
            <van-cell title="短信通知" value="请输入手机号码(选填)" />
            <van-cell title="转账附言" value="选填" />
        </van-cell-group>
        <button class="btn">下一步</button>
        <p class="txt_1" style="margin-top:20px;height:20px">温馨提示</p>
        <p class="txt_1">各类转账实际到账时间视人行银行系统和收款银行处理情况而定;如发生退款，退款时间视收款行处理情况而定，详情请咨询收款行。</p>
    </div>
</template>

<script>
import LoginOut from '../../../components/NavBar.vue'
import { getData } from '../../../api/request'
export default {
    name: 'singleTransfer',
    data() {
        return {
            customData: ''
        }
    },
    //2.注册组件
    components: {
        LoginOut,
    },
    mounted() {
        this.getPersonData()
    },
    // 4.调用事件方法
    methods: {
        onclickLeft() {
            this.$router.go(-1)
        },
        onclickRight() {
            console.log("右边点击事件...")
        },
        getPersonData() {
            getData({}).then(res => {
                this.customData = res.data
                console.log(this.customData);
            })
        },
    }
}
</script>

<style scoped>
.van-cell__value {
    font-size: 16px;
    color: #000;
}

.title_Recent {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-left: .5333rem;
}

.btn {
    width: 345px;
    height: 44px;
    background-image: linear-gradient(-90deg, #F24B0B 0%, #FF4A44 100%);
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 14px;
    margin-left: .5333rem;
}

.txt_1 {
    width: 345px;
    height: 54px;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #999;
    text-align: left;
    line-height: 18px;
    font-weight: 500;
    margin: auto;
}
</style>